<template>
  <div>
    <input type="text" v-model="content">
    <button @click="add">添加</button>
  </div>
</template>
<script setup>
import { ref } from 'vue';

import { useTodoStore } from '../stores/todo-store'

const todoStore = useTodoStore()

// 初始化 input 内容为空
const content = ref('')

// 添加的点击事件 
const add = () =>{
  // 调用 todo-store.js 中 actions 下的方法
  todoStore.addTodo(content.value)

  // 添加完成后 清空输入框
  content.value = ''
}
</script>
